<template>
	<view class="box-description">
		<view class="box-text" @tap="open_popup">
			<view class="text">{{ current_image_data.value.description }}</view>
		</view>
	</view>
</template>

<script setup>
import { inject } from 'vue'

const props = defineProps(['ref_PopupDescVue'])

const current_image_data = inject('current_image_data')

const open_popup = function () {
	console.log('打开对话框里')
	props.ref_PopupDescVue.open_popup()
}
</script>

<style scoped lang="scss">
.box-description {
	@extend .f-c-c-n;
	.box-text {
		font-size: 30rpx;
		line-height: 50rpx;
		max-width: 100%;
		// color: $my-color1;
		padding: 0 14rpx;
		background-color: rgba(0, 0, 0, 0.5);
		border-radius: 10px;
		.text {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			// word-wrap: break-word;
			// text-align: center;
		}
	}
}
</style>
